<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li><a href="home.php">Home</a></li>
					 
              <li><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li class="active"><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn" href="registrasi.php"/>
    </form>
	</div-->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Bungkul" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Bungkul</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 650px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<div class="entry" id="plate">
		<div class="entry">
		<a style="text-align:justify;">
			<div class="post arc">
			<h2><a title="Taman Persahabatan">Taman Persahabatan</a></h2>
				<h4>Di kota besar layaknya kota surabaya,  kita sulit menemukan sungai ber-air jernih dengan suasana hijau di sepanjang sungai. Biar begitu kita bisa menjumpainya dalam bentuk miniatur sungai dan air terjun di Taman Persahabatan.

Taman Persahabatan terletak di jalan sulawesi. Berada di tengah-tengah jalan raya, layaknya pulau di tengah laut. Terlebih nama-nama jalan disekitar taman diambil dari nama-nama pulau-pulau di Indonesia. Seperti nama jalan bawean, jalan sulawesi dan sebagainya.

Dinamakan TamanPersahabatan,  karena di taman kota ini terdapat pohon-pohon simbol persahabatan. Pohon-pohon tersebut ditanam oleh walikota-walikota yang menjalin persahabatandengan kota surabaya. Kota-kota tersebut antara lain ; kota kochi, kota batam, kota Sidoarjo, kota banjarmasin, kota yogyakarta dan kota bandung. 

Taman persahabatan memilki bebererapa keunikan yang tidak kita temukan pada kunjungan ke taman kota-taman kota sebelumnya. Salah satu keunikan taman persahabatan adanya miniatur air terjun dengan miniatur sungai. Apabila di taman surabaya lain terdapat kolam air mancur.

Sedangkan area playground taman terletak disebelah timur taman. Di Area ini tersedia fasilitas permainan untuk anak-anak, semisal prosotan, bandulan dan lain sebagainya. Cukup banyak ragam permainan jadi tidak membutuhkan antri lama untuk mengunakan fasilitas ini.

Keunikan lainya, Bila kita amati jogging track taman persahabatan ini juga berbeda dengan jogging track taman kota-taman kota yang lain. Jalur jogging track taman persahabatan tidak kentara kalau semakin menuju kearah barat jalurnya sedikit menanjak.

Bukan hanya itu kita bisa kelilingi taman, Sambil berjalan kita bisa menikmati ikon-ikon taman persahabatan yang ada di dalam area taman kota surabaya. Antara lain ada 6 pohon persahabatan, miniatur air terjun berserta sungai berbatuanya.

Tersedia pula shelter-shelter bagi pengunjung taman kota yang sekedar ingin duduk, atau melepas lelah setelah ber-olah raga joging atau jalan kaki. Atau anda bisa memilih duduk di lokasi dekat miniatur Air Terjun berserta sungainya, sambil menikmati pemandangan miniatur Air Terjun. Miniatur air terjun dan sungainya didesain semirip mungkin dengan yang ada di alam. Sulit menceritakan gimana bentuk desain tersebut, lebih baik datang sendiri kesana.

Bagi kita yang datang bersama anak kecil, bisa membiarkan si kecil bermain air di miniatur sungai. Jangan kuatir akan kedalaman sungai ini, kedalamanya sebatas mata kaki.

Panjang miniatur sungai ini dulunya setengah dari lebar taman persahabatan, namun sekarang setelah direnovasi menjadi sepanjang lebar taman persahabatan.

Dimana lagi di Surabaya ini kita bisa menikmati (miniatur) air terjun dan sungai berbatuanya, kalau bukan di taman persahabatan.</h4>
				
		</div>
		</div>
		</div>
		
		<div id="content" class="page col-full">
		<div id="main" class="col-left">
		<div class="post" id="striped">
		<div class="entry" id="plate">
		<p style="text-align: justify;">
		<p style="text-align: center;"><img class="alignnone size-full wp-image-90" title="Taman Persahabatan" src="img/tmn_persahabatan1.jpg" alt="{images: Taman Persabatan}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-91" title="Taman Persahabatan" src="img/tmn_persahabatan2.jpg" alt="{images: Taman Persabatan}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-93" title="Taman Persahabatan" src="img/tmn_persahabatan3.jpg" alt="{images: Taman Persahabatan}" width="100" height="100"/></a></p>
		<p style="text-align: center;">
		<p style="text-align: center;">
		</div>
		</div>
		</div>
		</div>
		
          
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>
